<div class="">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title">
                <span>媒体管理</span>
                <ol class="breadcrumb">
                    <li >资源管理</li>
                    <li class="active">媒体管理</li>
                </ol>
            </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <div>
                    <a id="btn_addMedia" class="btn btn-default waves-effect waves-light" href="javascript:;"><i class="fa fa-edit m-r-5"></i>新建媒体</a>
                    <div class="form-inline pull-right form-control-relative">
                        <select id="search_os" class="w-120 form-control select2"></select>
                        <input type="text" class="form-control" id="search_keyword" placeholder="媒体ID,媒体名称">
                        <i class="fa fa-search form-control-icon" id="btn_search"></i>
                    </div>
                </div>
                <div class="table-custom p-t-10">
                    <table class="table table-bordered m-0 table-bordered-topbottom" id="tb_listMedia" width="100%">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>媒体名称</th>
                            <th>操作系统</th>
                            <th>媒体分类</th>
                            <th>广告位个数</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modal_detailMedia" role="dialog" aria-labelledby="myModalLabel" style="">
        <div class="modal-dialog" role="document" style=" margin-top: 180px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">新建媒体</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="form_MediaDetail" data-parsley-validate>
                        <div class="form-group">
                            <label class="col-md-2 control-label">媒体名称</label>
                            <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" id="txt_name" placeholder="媒体名称" name="name"  required="" data-parsley-stringlenmax="200"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">供应商</label>
                            <div class="col-md-10"><span class="box-must">·</span><select  class="form-control select2" id="ddl_supplier" name="supplierId"  required="" style="width: 330px"></select></div>
                        </div>
                        <div class="form-group root_advertiser">
                            <label class="col-md-2 control-label">操作系统</label>
                            <div class="col-md-10"><span class="box-must">·</span><select id="dll_osType" name="osType" class="form-control select2"  required=""  style="width: 155px"></select></div>
                        </div>
                        <div class="form-group root_advertiser">
                            <label class="col-md-2 control-label">媒体分类</label>
                            <div class="col-md-10"><span class="box-must">·</span>
                                <div class="select-group">
                                    <div class="select-base"><select  class="form-control select2" id="ddl_appClassId1" name="appClassId1" style="width: 155px"  required=""></select></div>
                                    <div class="select-base" style="display:none;"><select  class="form-control select2" id="ddl_appClassId2" name="appClassId2" style="width: 241px"></select></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group root_advertiser">
                            <label class="col-md-2 control-label">备注</label>
                            <div class="col-md-10"><textarea  class="form-control text-area box-input" id="txt_description" rows="5" placeholder="备注" name="description" data-parsley-stringlenmax="512"></textarea></div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-graye8 waves-effect" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-default waves-effect waves-light" id="btn_MediaSubmit">确定</button>
                </div>
            </div>
        </div>
    </div>
    <script id="template_mediaName" type="text/x-jsrender">
        <div class="">
            <a class="btn-operate longterm media-edit" href="javascript:;">{{:name}}</a>
            <div class="pull-right dropdown icon-operate">
                <a href="javascript:;" class="btn-operate" data-toggle="dropdown"><span ><i class="fa fa-cog"></i></span></a>
                <ul class="dropdown-menu animated flipInX w-min-100" >
                    <li><a class="media-edit" href="javascript:;">编辑</a></li>
                    {{if isdelete}}<li><a class="media-delete" href="javascript:;">删除</a></li>{{/if}}
                </ul>
            </div>
        </div>
    </script>
</div>

